<div class="ace-settings-box" id="ace-settings-box">
   <div>
      <div class="pull-left">
         <select id="skin-colorpicker" class="hide">
            <option data-class="default" value="#438EB9" />#438EB9
            <option data-class="skin-1" value="#222A2D" />#222A2D
            <option data-class="skin-2" value="#C6487E" />#C6487E
            <option data-class="skin-3" value="#D0D0D0" />#D0D0D0
         </select>
      </div>
      <span>&nbsp; Choose Skin</span>
   </div>
   <div>
      <input type="checkbox" class="ace-checkbox-2" id="ace-settings-header" />
      <label class="lbl" for="ace-settings-header"> Fixed Header</label>
   </div>
   <div>
      <input type="checkbox" class="ace-checkbox-2" id="ace-settings-sidebar" />
      <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
   </div>
   <div>
      <input type="checkbox" class="ace-checkbox-2" id="ace-settings-breadcrumbs" />
      <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
   </div>
   <div>
      <input type="checkbox" class="ace-checkbox-2" id="ace-settings-rtl" />
      <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
   </div>
</div>
<!--/#ace-settings-container-->